<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>demo28-滚动公告</title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <style type="text/css">

    </style>
</head>
<body>
    <div style="padding: 20px;">
        <ul class="list-group">
            <li class="list-group-item">我是第1条公告</li>
            <li class="list-group-item">我是第2条公告</li>
            <li class="list-group-item">我是第3条公告</li>
            <li class="list-group-item">我是第4条公告</li>
            <li class="list-group-item">我是第5条公告</li>
            <li class="list-group-item">我是第6条公告</li>
            <li class="list-group-item">我是第7条公告</li>
            <li class="list-group-item">我是第8条公告</li>
            <li class="list-group-item">我是第9条公告</li>
            <li class="list-group-item">我是第10条公告</li>
        </ul>
    </div>
</body>
</html>

<script>

    setInterval(function(){
        var newFirst = $('.list-group').children().first().clone(true);
        $('.list-group').append(newFirst);

        $('.list-group').children().first().remove();
    },2000)

//    newFirst.append()
</script>